<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="../images/huanghelou.ico" type="image/x-icon">
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <script src="../js/jQuery3.6.0.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <!-- 通用css -->
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/video.css">
    <title>视频影像</title>
    <style>
        body{
            background: #ede3e7;
        }
        .jumbotron video{
        width: 100%;
        height: 400%;
        }
    </style>
</head>

<body>
    <!--头部start-->
    <header>
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <a href="#"><img src="../images/logo.png" alt=""></a>
                </div>
                <div class="col-md-1"></div>
                <div class="col-md-8">
                    <div class="row">
                        <div class=".weather">
                            <ul class="list-unstyled list-inline">
                                <li>武汉</li>
                                <li><a href="#"><img src="" alt=""></a></li>
                                <li>9~12&#8451;>></li>
                                <!-- 这里可以用路径导航来写 -->
                                <li>中文/</li>
                                <li>EN/</li>
                                <li>FR</li>
                            </ul>
                        </div>
                    </div>
                    <div class="row">
                        <nav class="mynav navbar navbar navbar-static-top">
                            <div class="container-fluid">
                                <div class="navbar-header">
                                    <!--超小时 品牌和最右边的按钮-->
                                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                                        data-target="#lk_nav" aria-expanded="false">
                                        <span class="sr-only"></span>
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                    </button>
                                </div>
                                <div class="collapse navbar-collapse" id="lk_nav" >
                                    <ul class="nav navbar-nav" id="Navigation">
                                        <li>
                                            <a href="index.html" class="active">首页</a>
                                        </li>

                                        <li>
                                            <a href="javascript:;">走进黄鹤楼</a>
                                            
                                        </li>                                  
                                        <li>
                                            <a href="culture.html">黄鹤楼文化</a>
                                           
                                        </li>
                                        <li>
                                            <a href="javascript:;">黄鹤楼精彩影像</a>
                                           
                                        </li>
                                        <li>
                                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">公众平台
                                                <span class="caret"></span>
                                            </a>
                                           <ul class="dropdown-menu">
                                               <li><a href="#"> 景区公告</a></li>
                                               <li><a href="survey.html"> 满意度调查</a></li>
                                           </ul>
                                           
                                        </li>
                                        <li>
                                            <a href="javascript:;">旅游服务</a>
                                            
                                        </li>
                                    </ul>
                                </div>                              
                        </div>                      
                        </nav>
                    </div>
                </div>
            </div>
    </header>
    <!--头部end-->
    <!-- 精彩影像start -->
    <div class="jumbotron">
        <div class="container-fluid">
          <video src="../images/1.mp4" controls="controls"></video>
        </div>
      </div>
    <!-- 精彩影像end -->
    <!-- footer start -->
    <div class="tail">
        <footer class="footer container">
                <div class="mod_help row">
                    <div class="col-md-3 col-xs-6">
                        <dl>
                            <dt>走进黄鹤楼</dt>
                            <dd><a href="#">黄鹤楼介绍</a></dd>
                            <dd><a href="#">景点预览</a></dd>                   
                        </dl>
                    </div>
                    <div class="col-md-3 col-xs-6">
                        <dl>
                            <dt>新闻资讯</dt>
                            <dd><a href="#">最新活动</a></dd>
                            <dd><a href="#">热点关注</a></dd>
                            <dd><a href="#">精彩推荐</a></dd>
                            <dd><a href="#">景区动态</a></dd>
                            <dd><a href="#">媒体聚焦</a></dd>
                        </dl>
                    </div>
                    <div class="col-md-3 col-xs-6">
                        <dl>
                            <dt>黄鹤楼文化</dt>
                            <dd><a href="#">黄鹤楼传说</a></dd>
                            <dd><a href="#">黄鹤楼诗词</a></dd>
                            <dd><a href="#">名人书画</a></dd>
                            <dd><a href="#">藏品精粹</a></dd>
                            <dd><a href="#">文物保护</a></dd>
                        </dl>
                    </div>
                    <div class="col-md-3 col-xs-6">
                        <dl>
                            <dt>公众平台</dt>
                            <dd><a href="#">投诉建议</a></dd>
                            <dd><a href="#">景区公告</a></dd>
                            <dd><a href="#">满意度调查</a></dd>
                            <dd><a href="#">联系我们</a></dd>
                        </dl>
                    </div>
                </div>
                <!-- 版权信息模块 -->
                <div class="mod_copyright row">
                        <div class="links">                                     
                                <a href="#">湖北省文化和旅游厅</a>  |  <a href="#"> 武汉市园林和林业局</a>  |   武汉市文化和旅游局 |  武汉东湖 |   携程|   武汉天河国际机场  |   岳阳楼 |  销售联盟   | 滕王阁
                                |   天一阁      | 
                        </div>
                        <div class="copyright">
                            中国&nbsp;&nbsp;武汉&nbsp;&nbsp;黄鹤楼
                        </div>
                </div>
        </footer>
    </div>
    <!-- footer end -->
</body>

</html>